<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>地图模式</title>
  </head>
  <body>
    <div class="app-map">
      <div class="circle-lg">
        <span>&lt;</span>
      </div>

      <div class="circle-icon">
        <span class="iconfont icon-position4"></span>
      </div>

      <div class="run-box">
        <p class="run-out">户外跑</p>
        <div class="dpflex jcbetween mb10 mt16 f14">
          <span>配速</span>
          <span>用时</span>
          <span>距离(km)</span>
        </div>
        <div class="dpflex jcbetween f28">
          <span>62'83</span>
          <span>01:34:27</span>
          <span>35.24</span>
        </div>
      </div>
    </div>
  </body>
</html>
